2016-10-27

grunt livereload nodemon grunt集成自动重启（实例）

1、安装express-generator：

参见http://blog.csdn.net/weixin_36401046/article/details/52860827

2、在D盘下新建目录grunt-liveredload-demo，打开命令行，进入grunt-liveredload-demo目录，

初始化myapp这个项目目录

1
> express myapp

jojo's blog

1
> cd myapp
1
> npm install

3、在项目根目录myapp下新建Gruntfile.js文件，配置Gruntfile.js文件，内容如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
module.exports=function(grunt){ 
    //任务配置 
    grunt.initConfig({ 
    	watch:{
    		html:{
    			files:['views/**'],
    			option:{
    				livereload:true
    			}
    		}
    	},
    	nodemon:{
    		dev:{
    			script:'bin/www',
    			options:{
    				env:{
    					port:3000
    				}
    			}
    		}
    	},
    	concurrent:{
    		tasks:['nodemon','watch'],
    		options:{
               logConcurrentOutput:true
    		}
    		
    	}
    }); 
    //载入任务 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-nodemon'); 
    grunt.loadNpmTasks('grunt-concurrent'); 
    //注册任务 
    grunt.registerTask('serve',['concurrent']); 
}

4、安装grunt、grunt-contrib-watch、grunt-nodemon、grunt-concurrent四个模块:

1
> npm install grunt --save-dev
1
> npm install grunt-contrib-watch --save-dev
1
> npm install grunt-nodemon --save-dev
1
> npm install grunt-concurrent --save-dev

jojo's blog

5、启动grunt

1
>grunt serve

jojo's blog

6、修改文件，app就可以自动重启了

本文为原创，转载请遵守本站版权声明

更新于: 2016年10月28日 03:10